@charset "utf-8";
@function v($w) {
  @return ($w / 750) * 100 + vw;
}
.header {
  font-size: v(26);
  height: v(120);
}
// 搜索栏
.search {
  width: 100%;
  height: v(51);
  position: relative;
  display: flex;
  justify-content: center;
  border: none;
  input {
    box-sizing: border-box;
    color: #777777;
    width: v(266);
    height: v(51);
    font-size: v(24);
    border: v(2) solid #ffbe8f;
    border-radius: v(25.5);
    position: absolute;
    text-indent: v(20);
    // left: ;
  }
  .iconfont {
    position: absolute;
    color: #ffbe8f;
    top: v(10);
    right: v(255);
    font-size: v(32);
  }
}
// 大家都在搜
h2 {
  text-align: center;
  line-height: v(46);
  font-size: v(26);
}
.recommend {
  width: 100%;
  padding: 0 v(120);
  margin-bottom: v(30);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  .box {
    width: v(125);
    height: v(64);
    background-color: #dcdcdc;
    font-size: v(20);
    line-height: v(64);
    text-align: center;
    margin: v(3) 0;
  }
}
// 图片排布上
.conTop {
    width: 100%;
    height: v(352);
    display: flex;
    padding: 0 v(20);
    box-sizing: border-box;
  .leftPic {
    margin-right: v(3);
    width: v(280);
    height: v(352);
    flex-shrink: 0;
    img {
      width: 100%;
      // height: 100%;
    }
  }
  .rightPic {
    height: v(352);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    img {
      width: 49%;
      height: 47%;
    }
    & img:nth-of-type(1) {
      width: 100%;
    }
  }
}
// 图片排布下
.conBot {
  display: flex;
  justify-content: space-around;
  .box {
    width: v(220);
    height: v(200);
    img {
      width: 100%;
      height: 100%;
    }
  }
}
